<form accept-charset="utf-8" method="post" enctype="multipart/form-data">
    <aside class="right-side">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                <small>Control panel</small>
            </h1>
            <ol class="breadcrumb">
                <li><a><i class="fa fa-dashboard"></i> Home</a></li>
                <li><a href="http://demo011.ioi.vn/vn/tsmedia/product">Danh sách</a></li>
                <li class="active">Thêm mới sản phẩm</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <!--being left-->
                <div class="col-xs-6">
                    <!--begin box-->
                    <div class="box box-solid box-primary">
                        <div class="box-header">
                            <h3 class="box-title">Thông tin sản phẩm</h3>
                            <div class="pull-right box-tools">
                                <button class="btn btn-primary btn-sm" onclick="return false" data-widget="collapse" data-toggle="tooltip" title="" data-original-title="Thu gọn"><i class="fa fa-minus"></i></button>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="form-group">
                                <label>Mã sản phẩm</label>
                                <div class="controls">
                                    <input type="text" name="product_code"  id="product_code" value="" class="form-control" />
                                </div>
                            </div>

                            <div class="form-group">
                                <label>Tên sản phẩm</label>
                                <div class="controls">
                                    <input type="text" name="product_name"  id="product_name" value="" required="required" class="form-control"  />
                                </div>
                            </div>

                            <div class="form-group">
                                <label>Alias</label>
                                <div class="controls">
                                    <input type="text" name="product_alias" readonly id="product_alias" value="" class="form-control"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label>Giá bán</label>
                                <div class="controls">
                                    <div class="col-md-9 form-group">
                                        <input type="text" id="product_price" onkeyup="check_number(this)" name="product_price" value="" class="form-control"/>
                                    </div>
                                    <div class="col-md-3 form-group">
                                        <select name="product_type_money"  class="product_type_money_price form-control" id="product_type_money_price">
                                            <option  value="1">VNĐ</option>
                                            <option  value="2">USD</option>
                                        </select>
                                    </div>
                                    <div class="clr"></div>
                                    <div class="help-ts">
                                        <i class="fa fa-info-circle"></i>
                                        <span class="text_upload_file process_price">(0)</span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label>Giá khuyến mãi</label>
                                <div class="controls">
                                    <div class="col-md-9 form-group">
                                        <input type="text" id="product_price_promotion" onkeyup="check_number(this)" name="product_price_promotion" value="" class="form-control"/>
                                    </div>
                                    <div class="col-md-3 form-group">
                                        <select name="product_type_money_promotion" class="product_type_money_promotion form-control" id="product_type_money_promotion">
                                            <option  value="1">VNĐ</option>
                                            <option  value="2">USD</option>
                                        </select>
                                    </div>
                                    <div class="clr"></div>
                                    <div class="help-ts">
                                        <i class="fa fa-info-circle"></i>
                                        <span class="text_upload_file process_price_promotion">(0)</span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-6">
                                    <label>Thuế VAT</label>
                                    <div class="controls">
                                        <select name="product_quality" class="product_quality  form-control" id="product_quality">
                                            <option  value="1">Mới</option>
                                            <option  value="2">Củ</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label>Xuất xứ</label>
                                    <div class="controls">
                                        <select name="product_madein" class="product_madein  form-control" id="product_madein">
                                            <option  value="1">Chính hãng</option>
                                            <option  value="2">Hàng xách tay</option>
                                            <option  value="3">Hàng công ty</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="clr"></div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-6">
                                    <label>Chất lượng</label>
                                    <div class="controls">
                                        <select name="product_vat" class="product_vat form-control" id="product_vat">
                                            <option  value="1">Đã có VAT</option>
                                            <option  value="2">Không có VAT</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label>Bảo hành</label>
                                    <div class="controls">
                                        <input type="text" name="product_warranty" class="form-control" value="" id="product_warranty"  placeholder="Ví dụ: 24 tháng" />
                                    </div>
                                </div>
                                <div class="clr"></div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-6">
                                    <label>Đơn vị tính</label>
                                    <div class="controls">
                                        <input type="text" name="product_unit" value="" class="form-control" id="product_unit"  placeholder="" />
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label>Số lượng</label>
                                    <div class="controls">
                                        <input type="text" name="product_quantity" value="" onkeyup="check_number(this)"  class="form-control" id="product_quantity"  placeholder="" />
                                    </div>
                                </div>
                                <div class="clr"></div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-6">
                                    <label>Số thứ tự</label>
                                    <div class="controls">
                                        <input type="text"  class="form-control" value="" name="product_orderby" onkeyup="check_number(this)" id="product_orderby" />
                                    </div>
                                </div>
                                <div class="col-md-6">

                                </div>
                                <div class="clr"></div>
                            </div>

                            <div class="form-group">
                                <label>Link liên kết</label>
                                <div class="controls">
                                    <input type="text" id="product_link" value="" name="product_link" class="form-control" placeholder="Link website liên kết">
                                    <div class="help-ts">
                                        <i class="fa fa-info-circle"></i>
                                        <span>Bạn có thể liên kết đến một trang website khác bằng cách nhập link vào đây.</span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label>Trạng thái</label>
                                <div class="controls">
                                    <input type="checkbox" value="1" checked name="product_status">Hiện thị
                                    <input type="checkbox" value="1"  name="product_lang_home">Trang chủ
                                    <input type="checkbox" value="1"   name="product_lang_hot">Nổi bật
                                    <input type="checkbox" value="1"  name="product_lang_vip">Vip
                                    <div class="clr"></div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <!--end box-->



                </div>
                <!--end left-->

                <!--begin right-->
                <div class="col-xs-6">
                    <!--begin box-->
                    <div class="box box-danger box-solid">
                        <div class="box-header">
                            <h3 class="box-title">Category</h3>
                            <div class="pull-right box-tools">
                                <button class="btn btn-danger btn-sm" onclick="return false" data-widget="collapse" data-toggle="tooltip" title="" data-original-title="Thu gọn"><i class="fa fa-minus"></i></button>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="form-group">
                                <div class="dropdown_category">
                                    <span class="dropdown_category_list text_ccc"><input type="checkbox"  value="1" name="menu_parent[]">Menu top</span><span class="dropdown_category_list category_children text_ccc"><input type="checkbox"  value="2" name="menu_parent[]">Trang chủ</span><span class="dropdown_category_list category_children text_ccc"><input type="checkbox"  value="3" name="menu_parent[]">Giới thiệu</span><span class="dropdown_category_list category_children category_children_children text_ccc"><input  value="17" type="checkbox" name="menu_parent[]">Thông tin công ty</span><span class="dropdown_category_list category_children category_children_children text_ccc"><input  value="18" type="checkbox" name="menu_parent[]">Thư viện ảnh</span><span class="dropdown_category_list category_children category_children_children_children text_ccc"><input  value="19" type="checkbox" name="menu_parent[]">Hình ảnh công trình</span><span class="dropdown_category_list category_children category_children_children_children text_ccc"><input  value="20" type="checkbox" name="menu_parent[]">Hình ảnh Xuyên Hà Việt</span><span class="dropdown_category_list category_children "><input type="checkbox"  value="4" name="menu_parent[]">Sản phẩm</span><span class="dropdown_category_list category_children category_children_children "><input  value="12" type="checkbox" name="menu_parent[]">Thiết bị xây dựng</span><span class="dropdown_category_list category_children category_children_children_children "><input  value="21" type="checkbox" name="menu_parent[]">Thiết bị cầu đường</span><span class="dropdown_category_list category_children category_children_children_children "><input  value="22" type="checkbox" name="menu_parent[]">Thiết bị bê tông xi măng</span><span class="dropdown_category_list category_children category_children_children_children "><input  value="28" type="checkbox" name="menu_parent[]">Thiết bị xây dựng nhà cao tầng</span><span class="dropdown_category_list category_children category_children_children "><input  value="13" type="checkbox" name="menu_parent[]">Phụ tùng</span><span class="dropdown_category_list category_children category_children_children_children "><input  value="29" type="checkbox" name="menu_parent[]">Phụ tùng sàn treo</span><span class="dropdown_category_list category_children category_children_children_children "><input  value="31" type="checkbox" name="menu_parent[]">Phụ tùng vận thăng</span><span class="dropdown_category_list category_children category_children_children "><input  value="14" type="checkbox" name="menu_parent[]">Thiết bị cho thuê</span><span class="dropdown_category_list category_children category_children_children_children "><input  value="25" type="checkbox" name="menu_parent[]">Sàn treo thao tác</span><span class="dropdown_category_list category_children category_children_children_children "><input  value="26" type="checkbox" name="menu_parent[]">Vận thăng nâng hàng</span><span class="dropdown_category_list category_children category_children_children_children "><input  value="27" type="checkbox" name="menu_parent[]">Cẩu Tháp</span><span class="dropdown_category_list category_children category_children_children_children "><input  value="32" type="checkbox" name="menu_parent[]">Vận thăng</span><span class="dropdown_category_list category_children text_ccc"><input type="checkbox"  value="5" name="menu_parent[]">Đối tác</span><span class="dropdown_category_list category_children text_ccc"><input type="checkbox"  value="6" name="menu_parent[]">Tin tức</span><span class="dropdown_category_list category_children category_children_children text_ccc"><input  value="15" type="checkbox" name="menu_parent[]">Tin tức thị trường</span><span class="dropdown_category_list category_children category_children_children text_ccc"><input  value="16" type="checkbox" name="menu_parent[]">Tin tức Xuyên Hà Việt</span><span class="dropdown_category_list category_children text_ccc"><input type="checkbox"  value="7" name="menu_parent[]">Tuyển dụng</span><span class="dropdown_category_list category_children text_ccc"><input type="checkbox"  value="10" name="menu_parent[]">Điều khoản sử dụng</span><span class="dropdown_category_list category_children text_ccc"><input type="checkbox"  value="11" name="menu_parent[]">Liên hệ</span>            </div>
                                <div class="help-ts">
                                    <i class="fa fa-info-circle"></i>
                                    <span>Một sản phẩm có thể chọn nhiều danh mục cùng lúc</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end box-->

                    <!--begin box-->
                    <div class="box box-primary box-solid">
                        <div class="box-header">
                            <h3 class="box-title">Media</h3>
                            <div class="pull-right box-tools">
                                <button class="btn btn-primary btn-sm" onclick="return false" data-widget="collapse" data-toggle="tooltip" title="" data-original-title="Thu gọn"><i class="fa fa-minus"></i></button>
                            </div>
                        </div>
                        <div class="box-body">
                            <!--begin anh dai dien-->
                            <div class="control-group">
                                <label class="control-label">Ảnh đại diện</label>
                                <div class="controls">
                                    <span class="btn btn-success fileinput-button btn-sm">
                                        <span>Chọn file ...</span>
                                        <input id="product_picture" type="file" name="files[]" multiple="">
                                    </span>

                                    <div class="progress-ts">
                                        <i class="fa fa-upload"></i>

                                        <div id="progress_picture" class="progress sm progress-striped active">
                                            <div class="progress-bar progress-bar-success bar" role="progressbar" aria-valuenow="20"
                                                 aria-valuemin="0" aria-valuemax="100">
                                            </div>

                                        </div>
                                    </div>
                                    <div class="alert alert-info alert-dismissable">
                                        <i class="fa fa-cloud"></i>
                                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                        <p>File đã tải lên:</p>
                                        <ul id="files_picture" class="file_reset">
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!--end anh dai dien-->

                            <!--begin video-->
                            <div class="form-group">
                                <div class="form-group">
                                    <label class="control-label">Video</label>
                                    <div class="controls addclass_video">
                                        <input type="radio" value="link"  name="product_view_type" class="video_link" data-link="link"/>Link
                                        <input type="radio" value="file"  name="product_view_type" class="video_link" data-link="file">Upload
                                        <input type="hidden" id="hd_video_type" value="" />
                                    </div>
                                </div>

                                <div class="form-group common_video_display video_display_link">
                                    <label class="control-label"></label>
                                    <div class="controls">
                                        <input type="text" id="product_video_link" name="product_video_link" class="form-control"
                                               placeholder="Link video" value="">
                                        <div class="help-ts">
                                            <i class="fa fa-info-circle"></i>
                                            <span>Bạn có thể copy link từ vimeo hay youtube rồi paste vào textbox trên<Br />Ví dụ: <a href="http://www.youtube.com/watch?v=cmRRY-FBRA0" target="_blank">http://www.youtube.com/watch?v=cmRRY-FBRA0</a></span>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group common_video_display video_display_file">
                                    <div class="controls">
                                        <span class="btn btn-success fileinput-button btn-sm">
                                            <span>Chọn file ...</span>
                                            <input id="product_video" type="file" name="files[]" multiple="">
                                        </span>


                                        <div class="progress-ts">
                                            <i class="fa fa-upload"></i>

                                            <div id="progress_video" class="progress sm progress-striped active">
                                                <div class="progress-bar progress-bar-success bar" role="progressbar" aria-valuenow="20"
                                                     aria-valuemin="0" aria-valuemax="100">
                                                </div>

                                            </div>
                                        </div>
                                        <div class="alert alert-info alert-dismissable">
                                            <i class="fa fa-cloud"></i>
                                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                            <p>File đã tải lên:</p>
                                            <ul id="files_video" class="file_reset">
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end video-->

                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!--end box-->

                    <!--begin box-->
                    <div class="box box-success box-solid">
                        <div class="box-header">
                            <h3 class="box-title">SEO</h3>
                            <div class="pull-right box-tools">
                                <button class="btn btn-success btn-sm" onclick="return false" data-widget="collapse" data-toggle="tooltip" title="" data-original-title="Thu gọn"><i class="fa fa-minus"></i></button>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="form-group">
                                <label class="control-label">Tags</label>

                                <div class="controls">
                                    <textarea id="product_tag" data-id="" class="list_tag" name="product_tag">
                                    </textarea>
                                </div>
                            </div>


                            <div class="form-group">
                                <div class="controls">
                                    <input id="product_seo" value="" name="product_seo" class="form-control product_seo_title" placeholder="Seo Title: " />
                                </div>
                            </div>


                            <div class="form-group">
                                <div class="controls">
                                    <textarea id="product_keyword" placeholder="Seo Keyword" class="form-control" name="product_keyword"></textarea>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="controls">
                                    <textarea id="product_description" placeholder="Seo Description" class="form-control" name="product_description"  placeholder="Enter ...">
                                    </textarea>
                                </div>
                            </div>
                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!--begin box-->


                </div>

                <!--end right-->
            </div>

            <div class="row">
                <div class="col-md-6">
                    <!-- Custom Tabs -->
                    <div class="nav-tabs-custom">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#tab_1" data-toggle="tab">Chi tiết</a></li>
                            <li class=""><a href="#tab_2" data-toggle="tab">Công dụng</a></li>
                            <li class=""><a href="#tab_3" data-toggle="tab">Ưu điểm</a></li>
                            <li class=""><a href="#tab_4" data-toggle="tab">Nhược điểm</a></li>
                            <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="tab_1">
                                <div class="form-group">
                                    <div class="controls">
                                        <textarea class="ckeditor" id="editor1"  id="product_detail" name="product_detail">
                                        </textarea>
                                    </div>
                                </div>
                            </div><!-- /.tab-pane -->
                            <div class="tab-pane" id="tab_2">
                                <div class="form-group">
                                    <div class="controls">
                                        <textarea  id="product_using" name="product_using">
                                        </textarea>
                                    </div>
                                </div>
                            </div><!-- /.tab-pane -->
                            <div class="tab-pane" id="tab_3">
                                <div class="form-group">
                                    <div class="controls">
                                        <textarea  id="product_advantage" name="product_advantage">
                                        </textarea>
                                    </div>
                                </div>
                            </div><!-- /.tab-pane -->
                            <div class="tab-pane" id="tab_4">
                                <div class="form-group">
                                    <div class="controls">
                                        <textarea  id="product_unadvantage" name="product_unadvantage">
                                        </textarea>
                                    </div>
                                </div>
                            </div><!-- /.tab-pane -->
                        </div><!-- /.tab-content -->
                    </div><!-- nav-tabs-custom -->
                </div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <input type="submit" value="Save" class="btn btn-primary">
                    <input type="reset" value="Reset" class="btn btn-danger">
                    <input type="hidden" value="" name="hdNewsId" id="hdNewsId" />
                </div>
            </div>
        </section>
        <!-- /.content -->
    </aside>
    <!-- /.right-side -->
</form>

<script type="text/javascript">
    /**begin ckeditor*/
    //CKEDITOR.replace("product_detail");
    /**end ckeditor*/

    /**begin ckeditor basic*/
    CKEDITOR.replace("product_unadvantage", {
        toolbar: [
            { name: 'document', items: [ 'Source' ] },
            { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] },
            { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
            { name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Iframe' ] },
            { name: 'basicstyles', groups: [ 'basicstyles'], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-' , 'TextColor', 'BGColor' ] },
            { name: 'format', items: [ 'Format', 'FontSize' ] },
            { name: 'cleaner', items: [ 'Maximize','RemoveFormat'] },
            { name: 'cleaner', items: [ 'Save' ] }
        ]
    });
    CKEDITOR.replace("product_advantage", {
        toolbar: [
            { name: 'document', items: [ 'Source' ] },
            { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] },
            { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
            { name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Iframe' ] },
            { name: 'basicstyles', groups: [ 'basicstyles'], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-' , 'TextColor', 'BGColor' ] },
            { name: 'format', items: [ 'Format', 'FontSize' ] },
            { name: 'cleaner', items: [ 'Maximize','RemoveFormat'] },
            { name: 'cleaner', items: [ 'Save' ] }
        ]
    });
    CKEDITOR.replace("product_using", {
        toolbar: [
            { name: 'document', items: [ 'Source' ] },
            { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] },
            { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
            { name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Iframe' ] },
            { name: 'basicstyles', groups: [ 'basicstyles'], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-' , 'TextColor', 'BGColor' ] },
            { name: 'format', items: [ 'Format', 'FontSize' ] },
            { name: 'cleaner', items: [ 'Maximize','RemoveFormat'] },
            { name: 'cleaner', items: [ 'Save' ] }
        ]
    });
    CKEDITOR.replace("product_detail", {
        toolbar: [
            { name: 'document', items: [ 'Source' ] },
            { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] },
            { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
            { name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Iframe' ] },
            { name: 'basicstyles', groups: [ 'basicstyles'], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-' , 'TextColor', 'BGColor' ] },
            { name: 'format', items: [ 'Format', 'FontSize' ] },
            { name: 'cleaner', items: [ 'Maximize','RemoveFormat'] },
            { name: 'cleaner', items: [ 'Save' ] }
        ]
    });
    /**end ckeditor basic*/
</script>